<template>
  <input class="input" type="text" :value="modelValue" @input="updateInput" />
</template>

<script lang="ts">
interface InputFileEvent extends Event {
  target: HTMLInputElement
}

export default {
  name: 'my-input',
  props: {
    modelValue: [String, Number]
  },
  methods: {
    updateInput(event: InputFileEvent) {
      this.$emit('update:modelValue', event.target.value)
    }
  }
}
</script>

<style></style>
